<#assign module="errand"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/diaodu.css">
<link href="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />

</@override>
<@override name="body">
			
	<div class="panel panel-default" id="realMap" style="position:relative;">
		
		<div class="panel-heading" style="padding:3px;">
			<table>
				<tr>
					<td>
						<select name="scope" id="scope" style="width:180px;height:30px;padding:0;margin-right:3px;" class="form-control">
				            <option value="500">500米范围内查找</option>
				            <option value="1000">1公里范围内查找</option>
				            <option value="2000" selected="selected">2公里范围内查找</option>
				            <option value="3000">3公里范围内查找</option>
				            <option value="5000">5公里范围内查找</option>
				            <option value="8000">8公里范围内查找</option>
				            <option value="10000">10公里范围内查找</option>
				            <option value="15000">15公里范围内查找</option>
				            <option value="20000">20公里范围内查找</option>
				        </select>
					</td>
					<td>
			            <input type="button" class="btn btn-default" onclick="window.location.href = '${ctx}/errand/list'" value="返回" style="height:30px;padding:0px 12px;">
			            <input name="button" id="refresh-driver" type="button" class="btn btn-default" value="刷新" style="height:30px;padding:0px 12px;">
					</td>
					<td>
						&nbsp;&nbsp;|&nbsp;&nbsp;
					</td>
					<td>
						<a href="javascript:;" id="showAll" class="allstatus">服务人员总数：<span id="allDrivers">0</span> 人</a>&nbsp;&nbsp;
						<a href="javascript:;" id="showKongxian" class="driver-status kongxian_active"><span>空闲：<span id="kongxianDrivers">0</span>人</span></a>&nbsp;&nbsp;
						<a href="javascript:;" id="showManglu" class="manglu"><span>忙碌：<span id="mangluDrivers">0</span>人</span></a>&nbsp;&nbsp;
						<a href="javascript:;" id="showLixian" class="lixian"><span>下线：<span id="lixianDrivers">0</span>人</span></a>&nbsp;&nbsp;
					</td>
					<td>
						<a href="javascript:;" id="fullscreen">全屏显示</a>
					</td>
				</tr>
			</table>
		</div>
		
	    <div id="allmap" style="z-index: 9; height:560px;">
		</div>

	</div>
			
</@override>
<@override name="footer">
<script type="text/javascript">
	window.daijia = {
		ctx:'${ctx}',
		lng:'${longitude?if_exists}',
		lat:'${latitude?if_exists}',
		orderId:'${order.id}',
		orderNo:'${order.orderNo}',
	};
</script>
<script src="//api.map.baidu.com/api?v=2.0&ak=AuNk3YS21DSmHEEvIFDf9dbD" type="text/javascript"></script> 
<script src="${ctx}/assets/js/RichMarker_min.js" type="text/javascript"></script>
<script src="${ctx}/assets/js/errand/paidan.js" type="text/javascript"></script> 
<script type="text/javascript">
	

</script>
</@override>
<@extends name="../layout.ftl"/>